/**
 * Created by bethinner on 5/17/16.
 */
import React, { Component } from 'react';

import { connect } from 'react-redux'
import Link from 'react-router/lib/Link'
import browserHistory from 'react-router/lib/browserHistory'


export default class SpanWithLeftIcon extends Component{
    constructor(props){
        super(props);

    }

    componentWillMount(){

    }

    render(){
        return(
            <div style={{marginBottom:"14.5px"}}>
            <span style={billboardStyle}>
                公告
            </span>
                    <span >
                        {this.props.text}
                    </span>
            </div>

        )
    }
}

let billboardStyle={
    border:"1px solid rgb(216, 20, 33)",
    color:"rgb(216, 20, 33)",
    fontSize:"14px",
    padding:".2em .3em",
    margin:'0 4px'
};

SpanWithLeftIcon.defaultProps = {
    text:"超值抢",
    iconSrc:"/public/img/hot_icon.png"
}

SpanWithLeftIcon.propTypes = {
    text:React.PropTypes.string,
    iconSrc:React.PropTypes.string
}


